.thispage{
    position: fixed;
    border-radius: 4px;
    width: 28%;
    left: 31%;
    top:10%;
    z-index: 12;
    height: 75%;
    background-color: #fff;
    box-shadow:  rgba(0,0,0,0.16) 0 0 10px 5px;
    transition: all 1.5s;
    .icon-guanbi{
        float: right;
        margin: 10px 12px;
        font-size: 18px;
    }
    .qr-page{
        overflow: hidden;
        transition:all 2s;
        -moz-transition:all 2s; /* Firefox 4 */
        -webkit-transition:all 2s; /* Safari and Chrome */
        -o-transition:all 2s;
        position: relative;
        width: 100%;
        height: 250px;
        .lead-scan{
            // display: inline;
            position: absolute;
            left: 0;
            // width: 220px;
            img{
            transform: translateX(50%);
            transition: all 1s;
            }
        } 
        .qrimg{
           position:relative;
           transition: all 1s;
           width:200px;
           height: 200px;
           float: right;
           margin:0 80px;
           .img{
               width: 100%;
               height: 100%;
            }
        }
        &:hover{
            .qrimg{
                width: 120px;
                height: 120px;
                margin:40px 25px;
                transition: all 1s;
    
            }
            .lead-scan{
                // display: none;
                img{
                    // display: none;
                    transform: none;
                    transition: all 1s;
                }
                div{
                    height: auto;
                }
            }
        }
    }
    .qr-img:hover{
        .qrimg{
            width: 175px;
            height: 175px;
            margin:40px 25px;
            transition: all 1s;

        }
        .lead-scan{
            // display: none;
            img{
            transform: none;
            transition: all 1s;
            }
        }
    }
}